<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
  <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
  <link rel="stylesheet" href="../../static/css/base.css" media="all">
</head>

<body>



  <div class="layui-fluid">

    <div class="layui-card borderradius">

      <div class="layui-form layui-card-header layuiadmin-card-header-auto">

        <div class="layui-form-item">

         

          <div class="layui-inline">

            <label class="layui-form-label">课程名称</label>

            <div class="layui-input-block">

              <input type="text" name="username" placeholder="请输入课程名称" autocomplete="off" class="layui-input">

            </div>

          </div>

          <div class="layui-inline">

            <label class="layui-form-label">时间范围</label>

            <div class="layui-input-block">

              <input type="text" class="layui-input" id="test-laydate-range-date" name="time" placeholder=" - ">

            </div>

          </div>

          
          <div class="layui-inline">

            <button class="layui-btn layuiadmin-btn-useradmin" lay-submit lay-filter="LAY-user-front-search">

              <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>

            </button>

          </div>

        </div>

      </div>

      

      <div class="layui-card-body">

        <div style="padding-bottom: 10px;">

          <button class="layui-btn layuiadmin-btn-useradmin" data-type="batchdel">删除</button>

          <button class="layui-btn layuiadmin-btn-useradmin" data-type="add">添加</button>

        </div>

        

        <table id="LAY-user-manage" lay-filter="LAY-user-manage"></table>

      
        <script type="text/html" id="table-useradmin-webuser">

          <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>

          <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>

        </script>

      </div>

    </div>

  </div>



  <script src="../../../layuiadmin/layui/layui.js"></script>  

  
  <script>

    layui.config({
  
      base: '../../../layuiadmin/' //静态资源所在路径
  
    }).extend({
  
      index: 'lib/index' //主入口模块
  
    }).use(['index', 'useradmin', 'table'], function(){
  
      var $ = layui.$
  
      ,form = layui.form
  
      ,table = layui.table;
  
      
  
      //监听搜索
  
      form.on('submit(LAY-user-front-search)', function(data){
  
        var field = data.field;
  
        
  
        //执行重载
  
        table.reload('LAY-user-manage', {
  
          where: field
  
        });
  
      });
  
    
  
      //事件
  
      var active = {
  
        batchdel: function(){
  
          var checkStatus = table.checkStatus('LAY-user-manage')
  
          ,checkData = checkStatus.data; //得到选中的数据
  
  
  
          if(checkData.length === 0){
  
            return layer.msg('请选择数据');
  
          }
  
          
  
          layer.prompt({
  
            formType: 1
  
            ,title: '敏感操作，请验证口令'
  
          }, function(value, index){
  
            layer.close(index);
  
            
  
            layer.confirm('确定删除吗？', function(index) {
  
              
  
              //执行 Ajax 后重载
  
              /*
  
              admin.req({
  
                url: 'xxx'
  
                //,……
  
              });
  
              */
  
              table.reload('LAY-user-manage');
  
              layer.msg('已删除');
  
            });
  
          });
  
        }
  
        ,add: function(){
  
          layer.open({
  
            type: 2
  
            ,title: '添加我的学员'
  
            ,content: 'addstudent.html'
  
            ,maxmin: true
  
            ,area: ['300px', '380px']
  
            ,btn: ['确定', '取消']
  
            ,yes: function(index, layero){
  
              var iframeWindow = window['layui-layer-iframe'+ index]
  
              ,submitID = 'LAY-user-front-submit'
  
              ,submit = layero.find('iframe').contents().find('#'+ submitID);
  
  
  
              //监听提交
  
              iframeWindow.layui.form.on('submit('+ submitID +')', function(data){
  
                var field = data.field; //获取提交的字段
  
                
  
                //提交 Ajax 成功后，静态更新表格中的数据
  
                //$.ajax({});
  
                table.reload('LAY-user-front-submit'); //数据刷新
  
                layer.close(index); //关闭弹层
  
              });  
  
              
  
              submit.trigger('click');
  
            }
  
          }); 
  
        }
  
      };
  
      
  
      $('.layui-btn.layuiadmin-btn-useradmin').on('click', function(){
  
        var type = $(this).data('type');
  
        active[type] ? active[type].call(this) : '';
  
      });

      
  
    }).use([ 'laydate'], function(){

var laydate = layui.laydate;

    //日期选择器

    laydate.render({

elem: '#test-laydate-type-date'

//,type: 'date' //type 默认为 date，所以可不填

});




  
    
    </script>
  

</body>

</html>

